.ui-btn.landing-btn-menu,
.ui-btn-split.landing-btn-menu .ui-btn-main {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.landing-ui-panel-top {
	position: relative;
	z-index: 99;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding-right: 17px;
	padding-left: 16px;
	height: 66px;
	background: #fff;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .06);
	-webkit-box-align: center;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.landing-ui-panel-top-logo {
	overflow: hidden;
	margin-right: 14px;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 23px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	letter-spacing: 0.13px;
	position: relative;
}

.landing-ui-panel-top-logo-link {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 15px;
}

.landing-ui-panel-top-logo-link:hover {
	text-decoration: none;
}

.landing-ui-panel-top-logo-home-btn {
	opacity: .8;
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	transition: 170ms all linear;
	border-radius: 50%;
	margin-right: 11px;
}

.landing-ui-panel-top-logo-link:hover .landing-ui-panel-top-logo-home-btn {
	opacity: 1;
	background-color: rgba(82, 92, 105, 0.12);
}

.landing-ui-panel-top-logo-home-btn-icon {
	position: relative;
	top: -1px;
}

.landing-ui-panel-top-logo-text {
	position: relative;
	display: inline;
	overflow: hidden;
	max-width: 240px;
	color: #535c69;
	vertical-align: top;
}

.landing-ui-panel-top-logo-color {
	display: inline;
	color: #2fc6f7;
}

.landing-ui-panel-top-logo-link:after {
	content: '';
	display: block;
	width: 1px;
	opacity: 0.1;
	height: 20px;
	background: #525c69;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.landing-ui-panel-top-selector {
	padding-right: 18px;
	width: 320px;
	top: -1px;
}

@media all and (min-width: 1500px) {
	.landing-ui-panel-top-selector {
		width: 350px;
	}
}

/* region Popups Content */
div#landing-popup-preview,
div#landing-popup-features,
div#landing-popup-features,
div#landing-popup-publication,
div#landing-popup-publication-error {
	box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.14);
	border-radius: 24px;
}

#landing-popup-features .popup-window-angly:before,
#landing-popup-publication .popup-window-angly:before,
#landing-popup-publication-error .popup-window-angly:before { background: #e9eaed; }

#landing-popup-preview .popup-window-content,
#landing-popup-features .popup-window-content,
#landing-popup-publication .popup-window-content,
#landing-popup-publication-error .popup-window-content {
	position: relative;
}

.landing-popup-preview-content,
.landing-popup-features-content,
.landing-popup-publication-content,
.landing-popup-publication-error-content {
	padding: 13px 13px 8px;
	border-radius: 24px;
}

#landing-popup-preview .popup-window-close-icon {
	right: 7px;
	top: 9px;
}

.landing-popup-preview-content { padding: 37px 20px 24px; }

.landing-popup-features-content-row {
	display: flex;
	align-items: stretch;
}

.landing-popup-features-content-block,
.landing-popup-features-content-block-gray,
.landing-popup-publication-content-block,
.landing-popup-publication-content-block-gray,
.landing-popup-publication-error-content-block {
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
	padding: 15px 12px;
	border-radius: 12px;
	display: block;
	margin-bottom: 12px;
	position: relative;
	transition: 190ms linear all;
}

.landing-popup-features-content-block:hover,
.landing-popup-features-content-block-gray:hover,
.landing-popup-publication-content-block:hover,
.landing-popup-publication-content-block-gray:hover,
.landing-popup-publication-error-content-block:hover {
	transform: translate(0, -1px) translateZ(0);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .13);
}

.landing-popup-features-content-block-gray,
.landing-popup-publication-content-block-gray {
	background: rgba(82, 92, 105, 0.06);
	box-shadow: none;
}

.landing-popup-publication-error-content-block { background: #fa726e; }

.landing-popup-features-content-center.landing-popup-features-content-block,
.landing-popup-features-content-center.landing-popup-features-content-block-gray,
.landing-popup-publication-content-center.landing-popup-publication-content-block,
.landing-popup-publication-content-center.landing-popup-publication-content-block-gray {
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing-popup-publication-content-column.landing-popup-publication-content-block,
.landing-popup-publication-content-column.landing-popup-publication-content-block-gray {
	display: flex;
	flex-direction: column;
}

.landing-popup-publication-content-block-gray-disabled:hover {
	box-shadow: 0 0 0 transparent;
	transform: translate(0, 0) !important;
}

/* region popup features */
.landing-popup-features-content-block-link {
	opacity: 0.66;
	font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #525c69;
	border-bottom: 1px dashed;
}

.landing-popup-features-content-block-link:hover {
	color: #333;
	text-decoration: none;
}

.landing-popup-features-content-block-btn {
	--ui-btn-padding: 0 11px;
	--ui-btn-font-size: 12px;
	--ui-btn-color: #525c69;
	--ui-btn-color-hover: #535c69;
	--ui-btn-color-active: #535c69;
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #e5f9ff;
	--ui-btn-background-active: #e5f9ff;
	--ui-btn-border-color: rgba(31, 130, 232, 0.3);
	--ui-btn-border-color-hover: #2fc6f6;
	--ui-btn-border-color-active: #2fc6f6;
}

.landing-popup-features-content-block-settings {
	position: relative;
	min-width: 66px;
}

.landing-popup-features-content-block-settings-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	cursor: pointer;
}

.landing-popup-features-content-block-settings-icon i {
	background-size: 60%;
}

.landing-ui-panel-top-menu-link-help,
.landing-popup-features-content-block-title {
	font: 13px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #333;
	flex-grow: 1;
}

.landing-popup-features-content-dflex {
	display: flex;
	align-items: center;
}

.landing-popup-publication-content-autopub {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.landing-popup-publication-content-autopub-icon {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #c6cdd3;
	background-color: transparent;
	margin-right: 12px;
	box-sizing: content-box;
	transition: 170ms all linear;
}

.landing-popup-publication-error-content-icon {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 12px;
}

.landing-popup-features-icon-1,
.landing-popup-features-icon-2,
.landing-popup-features-icon-3 { margin-right: 12px; }

.landing-popup-features-icon-1 > i {
	--ui-icon-service-bg-color: #11bff5;
	background-image: url(/bitrix/images/landing/features-icon-1.svg?v2);
}

.landing-popup-features-icon-2 > i {
	--ui-icon-service-bg-color: #11bff5;
}

/* endregion */

/* region popup autopub */
.landing-popup-publication-content-autopub-text {
	font: 13px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #333;
	flex-grow: 1;
}

.landing-popup-publication-content-autopub-input { display: none; }

.landing-popup-publication-content-autopub-switcher {
	background-color: #e3e5e8;
	border-radius: 54px;
	display: block;
	width: 53px;
	height: 22px;
	position: relative;
	transition: 190ms linear all;
	cursor: pointer;
}

.landing-popup-publication-content-autopub-switcher:after {
	content: '';
	left: 4px;
	top: 50%;
	margin-top: -8px;
	position: absolute;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.09);
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: block;
	transition: 190ms linear all;
	z-index: 20;
}

.landing-popup-publication-content-autopub-input:checked + .landing-popup-publication-content-autopub-switcher {
	background-color: #2fc6f6;
}

.landing-popup-publication-content-autopub-input:checked + .landing-popup-publication-content-autopub-switcher:after {
	left: calc(100% - 20px);
}

.landing-popup-publication-content-autopub-switcher-on,
.landing-popup-publication-content-autopub-switcher-off {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font: 8px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	letter-spacing: 0.27px;
	transition: 190ms linear all;
	z-index: 10;
	text-transform: uppercase;
	text-align: center;
}

.landing-popup-publication-content-autopub-switcher-on {
	color: #fff;
	opacity: 0;
	left: 3px;
	right: 20px;
}

.landing-popup-publication-content-autopub-switcher-off {
	opacity: .43;
	color: #333;
	left: 20px;
	right: 3px;
}

.landing-popup-publication-content-autopub-input:checked + .landing-popup-publication-content-autopub-switcher .landing-popup-publication-content-autopub-switcher-on {
	opacity: .43;
}

.landing-popup-publication-content-autopub-input:checked + .landing-popup-publication-content-autopub-switcher .landing-popup-publication-content-autopub-switcher-off {
	opacity: 0;
}

.landing-popup-publication-content-autopub-btn,
.landing-popup-publication-content-preview-btn {
	--ui-btn-height: 36px;
	--ui-btn-font-size: 14px;
	--ui-btn-padding: 0 24px;
	min-width: 210px;
}

.ui-btn-light.landing-popup-publication-content-autopub-btn,
.ui-btn-light.landing-popup-publication-content-preview-btn {
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #fff;
	--ui-btn-background-active: #fff;
	--ui-btn-border-color: #fff;
	--ui-btn-border-color-hover: #fff;
	--ui-btn-border-color-active: #fff;
	--ui-btn-colors-after-bg: #535c69;
	--ui-btn-colors-before-bg: #535c69;
	--ui-btn-color: #535c69;
	--ui-btn-color-hover: #535c69;
	--ui-btn-color-active: #535c69;
}
.ui-btn-light.landing-popup-publication-content-preview-btn {
	margin-bottom: 12px;
}
.landing-popup-publication-content-autopub-btn-container {
	position: relative;
}
.landing-popup-publication-content-autopub-btn-clicker {
	cursor: not-allowed;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.landing-popup-publication-content-hint {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
}

/* endregion */

/* region popup preview */
.landing-popup-preview-title {
	font: var(--ui-font-weight-bold) 14px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #333;
	text-align: center;
	margin-bottom: 25px;
}

.landing-popup-preview-qr {
	text-align: center;
	margin-bottom: 13px;
}

.landing-popup-preview-qr > div { display: inline-block; }

.landing-popup-preview-text {
	font: 14px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #525c69;
	text-align: center;
	padding: 0 30px 10px;
	margin-bottom: 18px;
}

.landing-popup-preview-link-container {
	text-align: center;
	margin-bottom: 25px;
}

.landing-popup-preview-link {}

.landing-popup-preview-link-row-container {
	padding-top: 6px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}

.landing-popup-preview-link-target {
	font: 14px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #525c69;
	text-align: center;
	position: relative;
	margin-left: 23px;
	transition: 190ms linear all;
}

.landing-popup-preview-link-target:hover {
	text-decoration: none;
	color: #333;
}

.landing-popup-preview-link-target:after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -19px;
	top: 50%;
	opacity: .5;
	margin-top: -7px;
	transition: 190ms linear all;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.912 6.34321L10.2839 8.97047C8.83335 10.4218 6.48024 10.4218 5.02947 8.97047C4.80095 8.7426 4.62218 8.48584 4.46519 8.22105L5.68633 7C5.74438 6.94147 5.81606 6.90792 5.88455 6.86841C5.96898 7.15684 6.11635 7.4299 6.34319 7.65677C7.06759 8.38175 8.24633 8.38074 8.97031 7.65677L11.5976 5.02957C12.3226 4.30468 12.3226 3.12621 11.5976 2.40188C10.8736 1.67754 9.69517 1.67754 8.97031 2.40188L8.03604 3.33715C7.27788 3.04194 6.46106 2.96257 5.6659 3.0791L7.65675 1.08832C9.10812 -0.362774 11.4606 -0.362774 12.912 1.08832C14.3627 2.53935 14.3627 4.89221 12.912 6.34321ZM5.96438 10.6633L5.02944 11.5986C4.3051 12.3226 3.12629 12.3226 2.40183 11.5986C1.67743 10.8736 1.67743 9.69515 2.40183 8.97047L5.02944 6.34321C5.75436 5.61838 6.93237 5.61838 7.65671 6.34321C7.88303 6.56959 8.03056 6.84258 8.11578 7.13065C8.18467 7.09061 8.25546 7.05808 8.31348 6.99997L9.53453 5.77942C9.37855 5.51359 9.19886 5.25775 8.97024 5.02963C7.51985 3.57853 5.16652 3.57853 3.71542 5.02963L1.08821 7.65692C-0.362737 9.10844 -0.362737 11.4606 1.08821 12.912C2.53931 14.3627 4.89208 14.3627 6.34315 12.912L8.33452 10.9208C7.53893 11.038 6.7219 10.958 5.96438 10.6633Z' fill='%23525C69'/%3E%3C/svg%3E%0A");
}

.landing-popup-preview-link-target:hover:after { opacity: 1;}

.landing-popup-preview-link-target-copy {
	font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #9b9b9b;
	border-bottom: 1px dashed;
	transition: 190ms linear all;
}

.landing-popup-preview-link-target-copy:hover {
	text-decoration: none;
	color: #525c69;
}

/* endregion */

.landing-popup-publication-error-content-dflex {
	display: flex;
	align-items: center;
}

.landing-popup-publication-error-content-block-title {
	font: 13px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	flex-grow: 1;
}

.landing-popup-publication-error-content-block-text {
	font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #fff;
}

.landing-popup-publication-error-content-block-link {
	opacity: 0.66;
	font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #fff;
	border-bottom: 1px dashed;
}

.landing-popup-publication-error-content-block-link:hover {
	opacity: 1;
	color: #fff;
	text-decoration: none;
}

.landing-popup-btn-disabled {
	--ui-btn-color: rgba(82, 92, 105, 0.4);
	--ui-btn-color-hover: rgba(82, 92, 105, 0.4);
	--ui-btn-color-active: rgba(82, 92, 105, 0.4);
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #fff;
	--ui-btn-background-active: #fff;
	--ui-btn-border-color: #fff;
	--ui-btn-border-color-hover: #fff;
	--ui-btn-border-color-active: #fff;
	opacity: 1;
}

.landing-popup-btn-disabled:after { opacity: .4;}

.landing-btn-buy-renew {
	--ui-btn-color: rgba(82, 92, 105, 1);
	--ui-btn-color-hover: rgba(82, 92, 105, 1);
	--ui-btn-color-active: rgba(82, 92, 105, 1);
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #fff;
	--ui-btn-background-active: #fff;
	--ui-btn-border-color: #fff;
	--ui-btn-border-color-hover: #fff;
	--ui-btn-border-color-active: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

/* endregion */

.landing-ui-panel-top-devices {
	text-align: center;
	flex-grow: 1;
	align-self: center;
}

.landing-ui-panel-top-devices-inner {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.landing-ui-panel-top-devices .landing-ui-button {
	margin-right: 2px;
	margin-left: 2px;
	min-height: 50px;
	border-radius: 2px;
}

.landing-ui-panel-top-devices .landing-ui-button::before {
	bottom: 11px;
	height: 26px;
}

.landing-ui-button-label {
	display: inline-flex;
	align-items: center;
	position: absolute;
	padding: 0 6px;
	height: 14px;
	border-radius: 7px;
	top: -5px;
	background: var(--ui-color-primary);
	font-size: 8px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
}

.landing-ui-panel-top-pub-btn {
	padding: 0;
	display: block;
	width: 27px;
	height: 27px;
	line-height: 25px;
	transition: 170ms all linear;
	border-radius: 50%;
	margin-right: 11px;
	box-sizing: border-box;
	border: 1px solid #c6cdd3;
	background-color: transparent;
	outline: none !important;
}

.landing-ui-panel-top-pub-btn:hover {
	opacity: 1;
	background-color: rgba(82, 92, 105, 0.12);
}

.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-auto,
.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-auto:hover,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-auto,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-auto:hover {
	background-color: #30c6f6;
	border: 1px solid #30c6f6;
}

.landing-ui-panel-top-pub-btn-icon-defs-loader {
	animation: none;
	transform-origin: center;
}

@keyframes landingPanelTopPubBtnLoader {
	from {transform: rotate(0)}
	to {transform: rotate(360deg)}
}

.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-success,
.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-success:hover,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-success,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-success:hover {
	background-color: #9dcf00;
	border: 1px solid #9dcf00;
}

.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-error,
.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-error:hover,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-error,
.landing-popup-publication-content-autopub-icon.landing-ui-panel-top-pub-btn-error:hover {
	background-color: #ff7975;
	border: 1px solid #ff7975;
}

.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-loader,
.landing-ui-panel-top-pub-btn.landing-ui-panel-top-pub-btn-loader:hover {
	background-color: transparent;
	border: 1px solid #c6cdd3;
}

.landing-ui-panel-top-pub-btn-icon { display: block; }

.landing-ui-panel-top-pub-btn-icon-defs-error,
.landing-ui-panel-top-pub-btn-icon-defs-cloud,
.landing-ui-panel-top-pub-btn-icon-defs-loader,
.landing-ui-panel-top-pub-btn-icon-defs-success {
	transition: 170ms all linear;
	opacity: 0;
	transform-origin: center;
}

.landing-ui-panel-top-pub-btn-loader .landing-ui-panel-top-pub-btn-icon-defs-loader {
	animation: infinite landingPanelTopPubBtnLoader 1s linear;
}

.landing-ui-panel-top-pub-btn-icon-defs-cloud,
.landing-ui-panel-top-pub-btn-error .landing-ui-panel-top-pub-btn-icon-defs-error,
.landing-ui-panel-top-pub-btn-loader .landing-ui-panel-top-pub-btn-icon-defs-loader,
.landing-ui-panel-top-pub-btn-success .landing-ui-panel-top-pub-btn-icon-defs-success { opacity: 1; }

.landing-ui-panel-top-pub-btn-loader .landing-ui-panel-top-pub-btn-icon-defs-error,
.landing-ui-panel-top-pub-btn-loader .landing-ui-panel-top-pub-btn-icon-defs-cloud,
.landing-ui-panel-top-pub-btn-success .landing-ui-panel-top-pub-btn-icon-defs-cloud { opacity: 0; }

.landing-ui-panel-top-pub-btn-auto .landing-ui-panel-top-pub-btn-icon-defs-cloud,
.landing-ui-panel-top-pub-btn-error .landing-ui-panel-top-pub-btn-icon-defs-cloud { fill: #fff; }

@media all and (min-width: 1440px) {
	.landing-ui-panel-top-devices { min-height: 62px; }

	.landing-ui-panel-top-devices-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
}

.landing-ui-panel-top-chain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
}

.landing-ui-panel-top-chain-link-separator {
	position: relative;
	display: block;
	padding: 0 3px;
}

.landing-ui-panel-top-chain-link-separator span {
	display: block;
	height: 2px;
	width: 9px;
	background-color: #535c69;
	opacity: .2;
}

.landing-ui-panel-top-chain-link {
	overflow: hidden;
	padding: 0 11px !important;
	max-width: 138px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.landing-ui-panel-top-chain-link:hover,
.landing-ui-panel-top-chain-link:active,
.landing-ui-panel-top-chain-link:focus { text-decoration: none !important; }

.landing-ui-panel-top-chain-link.landing-ui-active {
	background-color: rgba(82, 92, 105, .08) !important;
	color: #000 !important;
}


.landing-ui-panel-top-sitemap {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 33px;
	height: 62px;
	vertical-align: middle;
	opacity: .3;
	cursor: pointer;
	transition: opacity .3s;
}

.landing-ui-panel-top-sitemap-items {
	position: absolute;
	top: 30px;
	right: 8px;
	left: 9px;
	display: block;
	height: 2px;
	background: #535c69;
	transition: background 0s .3s;
}

.landing-ui-panel-top-sitemap-items::before,
.landing-ui-panel-top-sitemap-items::after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #535c69;
	content: "";
	transition-delay: .3s, 0s;
	transition-duration: .3s, .3s;
}

.landing-ui-panel-top-sitemap-items::before {
	top: -5px;
	transition-property: top, transform;
}

.landing-ui-panel-top-sitemap-items::after {
	bottom: -5px;
	transition-property: bottom, transform;
}

.landing-ui-view-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-order: 1;
	-ms-flex-pack: center;
	height: calc(100vh - 66px);
	background: var(--ui-color-base-40);
	-webkit-box-ordinal-group: 2;
	order: 1;
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
}

.landing-ui-view-iframe-wrapper {
	width: 100%;
	height: calc(100vh - 66px);
	box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.25);
	transition: width 200ms ease;
}

.landing-ui-external-left-container,
.landing-ui-external-right-container {
	position: absolute;
}

.landing-ui-external-left-container {
	left: 0;
	text-align: right;
}

.landing-ui-external-left-top-hr,
.landing-ui-external-left-bottom-hr,
.landing-ui-external-right-top-hr,
.landing-ui-external-right-bottom-hr {
	position: absolute;
	border-top: 1px dotted #cdcdcd;
	width: 70%;
	height: 1px;
	left: 0;
}

.landing-ui-external-left-bottom-hr,
.landing-ui-external-right-bottom-hr {
	bottom: 0;
}

.landing-ui-external-left-top-hr,
.landing-ui-external-left-bottom-hr {
	right: 0;
	left: auto;
}

.landing-ui-external-left-container.hide-top .landing-ui-external-left-top-hr,
.landing-ui-external-right-top-hr.hide-top .landing-ui-external-right-top-hr {
	display: none;
}

.landing-ui-external-body {
	clear: right;
}

.landing-ui-view {
	width: 100%;
	height: calc(100vh - 66px);
	border: none;
	opacity: 0;
	transition: opacity 300ms ease !important;
}

.landing-ui-view-container {
	position: relative;
	z-index: 98;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.landing-ui-panel-top-menu {
	white-space: nowrap;
}

.landing-ui-panel-top-menu-link {
	--ui-btn-padding: 0;
	--ui-btn-color: #535c69;
	--ui-btn-color-hover: #000;
	--ui-btn-color-active: #000;
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #fff;
	--ui-btn-background-active: #fff;
	--ui-btn-border-color: #fff;
	--ui-btn-border-color-hover: #fff;
	--ui-btn-border-color-active: #fff;
}

.landing-ui-panel-top-menu-link:hover { text-decoration: none; }

.landing-ui-panel-top-menu-link-features,
.landing-form-editor-share-button {
	--ui-btn-color: #535c69;
	--ui-btn-color-hover: #535c69;
	--ui-btn-color-active: #535c69;
	--ui-btn-background: #fff;
	--ui-btn-background-hover: #e5f9ff;
	--ui-btn-background-active: #e5f9ff;
	--ui-btn-border-color: #2fc6f6;
	--ui-btn-border-color-hover: #2fc6f6;
	--ui-btn-border-color-active: #2fc6f6;
}

.landing-ui-panel-top-menu-link-help {
	opacity: .87;
	color: #525c69;
}

.landing-ui-panel-top-menu-link-settings {
	animation: none !important;
}

.landing-ui-panel-top-form .landing-ui-panel-top-menu-link-settings::after {
	opacity: .6;
	transition: 200ms opacity ease;
}

.landing-ui-panel-top-form .landing-ui-panel-top-menu-link-settings:hover::after {
	opacity: 1;
}

.landing-ui-panel-top-menu-link-help-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #535c69;
	font-size: 19px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
	transform: translateX(-38%) translateY(-50%);
}

.landing-ui-panel-top-history {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15px;
	margin-left: 15px;
	position: relative;
}

.landing-ui-panel-top-history-undo,
.landing-ui-panel-top-history-redo {
	width: 40px;
	height: 40px;
	position: relative;
	background: center no-repeat url(/bitrix/images/landing/undo.svg?v2);
	cursor: pointer;
	transition: opacity 200ms ease;
}

.landing-ui-panel-top-history-redo {
	background-image: url(/bitrix/images/landing/redo.svg?v2)
}

.landing-ui-panel-top-history-undo:hover,
.landing-ui-panel-top-history-redo:hover {
	opacity: .7;
}

.landing-ui-panel-top-history-undo.landing-ui-disabled,
.landing-ui-panel-top-history-redo.landing-ui-disabled {
	opacity: .4;
}

.landing-ui-panel-top-history-undo.landing-ui-onload,
.landing-ui-panel-top-history-redo.landing-ui-onload {
	background: none;
}

.landing-ui-panel-top-history-undo .main-ui-loader .main-ui-loader-svg,
.landing-ui-panel-top-history-undo .main-ui-loader .main-ui-loader-svg-circle {
	animation-direction: reverse;
}

.landing-editor-loader-container {
	background: #eef2f4;
	position: fixed;
	top: 62px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5000;
	transition: 200ms opacity ease;
}

.landing-editor-loader-container.landing-ui-hide {
	visibility: visible;
	opacity: 0;
}

.landing-ui-view.landing-ui-view-show {
	opacity: 1;
}

.landing-editor-required-user-action {
	position: fixed;
	top: calc(50% - 50px);
	left: calc(50% - 200px);
	z-index: 111;
	width: 400px;
	text-align: center;
	opacity: 0;
	transition: opacity 300ms ease;
	transform: translateY(-50%);
}

.landing-editor-required-user-action.landing-ui-user-action-show {
	opacity: 1;
}

@media all and (max-width: 1330px) {
	.landing-ui-panel-top-menu-link-settings:not(.ui-btn-icon-setting) {
		display: none;
	}

	.ui-btn-icon-setting.landing-ui-panel-top-menu-link-settings {
		display: inline-block;
	}

	.landing-ui-panel-top-history {
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media all and (max-width: 1280px) {
	.landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-sites {
		display: none;
	}
}

@media all and (max-width: 1150px) {
	.landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-site,
	.landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-site + strong {
		display: none;
	}
}

@media all and (max-width: 1000px) {
	.landing-ui-panel-top-chain:not(.landing-ui-panel-top-chain) {
		display: none;
	}
}

@media all and (max-width: 890px) {
	.landing-ui-panel-top-devices-inner {
		display: none;
	}
}

.landing-license-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 700px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.landing-license-icon-container {
	margin-bottom: 37px;
}

.landing-license-icon {
	height: 235px;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22197%22%20height%3D%22235%22%20viewBox%3D%220%200%20197%20235%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20id%3D%22clock%22%3E%0A%3Cg%20id%3D%22email-2%22%3E%0A%3Cpath%20id%3D%22Shape%22%20opacity%3D%220.115999%22%20d%3D%22M59.3367%200C92.1078%200%20118.674%202.75445%20118.674%206.15237C118.674%209.55019%2092.1078%2012.3047%2059.3367%2012.3047C26.5656%2012.3047%200%209.55019%200%206.15237C0%202.75445%2026.566%200%2059.3367%200Z%22%20transform%3D%22translate%2839.1631%20221.863%29%22%20fill%3D%22%23828B95%22/%3E%0A%3C/g%3E%0A%3Cg%20id%3D%2211%22%3E%0A%3Cpath%20id%3D%22Path%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M60.5412%20120.158C27.1941%20120.158%200%2093.1716%200%2060.0791C0%2026.9865%2027.1941%200%2060.5412%200C93.8883%200%20121.082%2026.9865%20121.082%2060.0791C121.073%2093.1716%2093.8788%20120.158%2060.5412%20120.158Z%22%20transform%3D%22translate%28159.041%2038.4209%29%20scale%28-1%201%29%22%20fill%3D%22white%22/%3E%0A%3Cpath%20id%3D%22Shape_2%22%20opacity%3D%220.2%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2097.5583C0%2043.6679%2044.0184%200.00177002%2097.9609%200C152.267%200%20196.631%2043.6668%20196.618%2097.5583C196.618%20151.45%20152.253%20195.117%2098.3088%20195.117C44.0028%20195.117%200%20151.45%200%2097.5583ZM2.80933%2097.5583C2.80933%20149.613%2045.5859%20192.063%2098.0411%20192.063C150.482%20192.063%20193.258%20149.613%20193.273%2097.5583C193.273%2045.5035%20150.496%203.05347%2098.0411%203.05347C45.5859%203.05347%202.80933%2045.5035%202.80933%2097.5583Z%22%20transform%3D%22translate%28196.809%200.941681%29%20scale%28-1%201%29%22%20fill%3D%22%23828B95%22%20fill-opacity%3D%220.495329%22/%3E%0A%3Cpath%20id%3D%22Shape_3%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2067.6089C0%2030.2624%2030.5052%200.00125122%2067.8879%200C105.523%200%20136.268%2030.2616%20136.258%2067.6089C136.258%20104.956%20105.513%20135.218%2068.129%20135.218C30.4944%20135.218%200%20104.956%200%2067.6089ZM7.71484%2067.6089C7.71484%20100.519%2034.759%20127.357%2067.9221%20127.357C101.076%20127.357%20128.12%20100.519%20128.129%2067.6089C128.129%2034.6989%20101.085%207.86124%2067.9221%207.86124C34.759%207.86124%207.71484%2034.6989%207.71484%2067.6089Z%22%20transform%3D%22translate%28166.629%2030.8911%29%20scale%28-1%201%29%22%20fill%3D%22%232FC6F6%22/%3E%0A%3C/g%3E%0A%3Cg%20id%3D%22np_clock_975156_000000%22%3E%0A%3Cpath%20id%3D%22Shape_4%22%20opacity%3D%220.3%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M51.6486%201.47568V13.2811C51.6486%2014.0996%2050.9857%2014.7567%2050.1729%2014.7567C49.3601%2014.7567%2048.6972%2014.0996%2048.6972%2013.2811V1.47568C48.6972%200.657135%2049.3601%200%2050.1729%200C50.9857%200%2051.6486%200.657135%2051.6486%201.47568ZM51.6486%2085.8507V97.6561C51.6486%2098.4746%2050.9857%2099.1317%2050.1729%2099.1317C49.3601%2099.1317%2048.6972%2098.4746%2048.6972%2097.6561V85.8507C48.6972%2085.0321%2049.3601%2084.375%2050.1729%2084.375C50.9857%2084.375%2051.6486%2085.0321%2051.6486%2085.8507ZM24.3146%207.65775L30.2808%2017.8433C30.6901%2018.5465%2031.5951%2018.7829%2032.2983%2018.3678C33.0016%2017.9586%2033.2379%2017.0536%2032.8229%2016.3503L26.8568%206.16476C26.4475%205.46152%2025.5425%205.22516%2024.8392%205.6402C24.1417%206.05524%2023.9054%206.95447%2024.3146%207.65775ZM17.5697%2031.6138L7.38416%2025.6476C6.68091%2025.2383%206.44458%2024.3334%206.85962%2023.6301C7.26904%2022.9326%208.17395%2022.6963%208.8772%2023.1056L19.0627%2029.0717C19.7602%2029.481%2019.9965%2030.386%2019.5873%2031.0892C19.1779%2031.7867%2018.2729%2032.0231%2017.5697%2031.6138ZM8.87146%2074.8171L19.057%2068.8509C19.7603%2068.4417%2019.9966%2067.5367%2019.5815%2066.8334C19.1723%2066.1302%2018.2673%2065.8938%2017.564%2066.3088L7.37842%2072.275C6.67517%2072.6842%206.43884%2073.5892%206.85388%2074.2925C7.26892%2074.99%208.16821%2075.2263%208.87146%2074.8171ZM32.8276%2081.562L26.8614%2091.7475C26.452%2092.4507%2025.5471%2092.6871%2024.8439%2092.272C24.1464%2091.8627%2023.91%2090.9577%2024.3193%2090.2545L30.2855%2080.069C30.6948%2079.3715%2031.5997%2079.1351%2032.303%2079.5444C33.0005%2079.9538%2033.2368%2080.8587%2032.8276%2081.562ZM76.0308%2090.2603L70.0646%2080.0748C69.6554%2079.3715%2068.7504%2079.1352%2068.0471%2079.5502C67.3439%2079.9595%2067.1075%2080.8645%2067.5225%2081.5677L73.4887%2091.7533C73.8979%2092.4565%2074.803%2092.6929%2075.5062%2092.2778C76.2037%2091.8628%2076.4401%2090.9636%2076.0308%2090.2603ZM82.7756%2066.3042L92.9612%2072.2704C93.6644%2072.6797%2093.9008%2073.5846%2093.4857%2074.2879C93.0764%2074.9854%2092.1714%2075.2217%2091.4682%2074.8124L81.2827%2068.8463C80.5851%2068.437%2080.3488%2067.532%2080.7581%2066.8288C81.1674%2066.1313%2082.0724%2065.8949%2082.7756%2066.3042ZM91.474%2023.101L81.2885%2029.0671C80.5852%2029.4763%2080.3489%2030.3813%2080.7639%2031.0846C81.1732%2031.7879%2082.0781%2032.0242%2082.7814%2031.6092L92.967%2025.643C93.6702%2025.2338%2093.9066%2024.3288%2093.4915%2023.6255C93.0765%2022.928%2092.1772%2022.6917%2091.474%2023.101ZM67.5179%2016.3561L73.4841%206.17056C73.8934%205.46732%2074.7983%205.23096%2075.5016%205.646C76.1991%206.05536%2076.4354%206.9603%2076.0262%207.66354L70.06%2017.8491C69.6506%2018.5466%2068.7457%2018.7829%2068.0425%2018.3736C67.345%2017.9643%2067.1086%2017.0593%2067.5179%2016.3561ZM14.7567%2048.9592C14.7567%2048.1464%2014.0939%2047.4835%2013.281%2047.4835H1.47571C0.662842%2047.4835%200%2048.1464%200%2048.9592C0%2049.7719%200.662842%2050.4348%201.47571%2050.4348H13.281C14.0939%2050.4348%2014.7567%2049.7719%2014.7567%2048.9592ZM98.8701%2047.4835C99.6828%2047.4835%20100.346%2048.1464%20100.346%2048.9592C100.346%2049.7719%2099.6828%2050.4348%2098.8701%2050.4348H87.0646C86.2519%2050.4348%2085.589%2049.7719%2085.589%2048.9592C85.589%2048.1464%2086.2519%2047.4835%2087.0646%2047.4835H98.8701Z%22%20transform%3D%22translate%28148.673%2049.5411%29%20scale%28-1%201%29%22%20fill%3D%22black%22/%3E%0A%3C/g%3E%0A%3Cpath%20id%3D%22Path%204%22%20d%3D%22M0%200L36.2788%2030.9561L60.4604%2013.4712%22%20transform%3D%22translate%28135.46%2068%29%20scale%28-1%201%29%22%20stroke%3D%22%23333333%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3Cpath%20id%3D%22Shape_5%22%20d%3D%22M7.96554%200C3.57933%200%200%203.55057%200%207.93251C0%2012.3144%203.57788%2015.865%207.99353%2015.865C12.3797%2015.865%2015.9871%2012.3144%2015.9871%207.93251C15.9882%203.55057%2012.3809%200%207.96525%200H7.96554Z%22%20transform%3D%22translate%2891.3488%2090.5675%29%22%20fill%3D%22%239DCF00%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A);
	background-position: center;
	background-repeat: no-repeat;
}

.landing-license-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	max-width: 700px;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	align-items: center;
}

.landing-license-info-text {
	margin-bottom: 33px;
	color: #525c69;
	font: 30px/40px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.landing-license-info-btn {
	box-sizing: border-box;
	padding: 14px 31px 17px 38px;
	max-width: 414px;
	border: 1px solid rgba(130, 139, 149, .2);
	border-radius: 60px;
	background: #fff;
	text-align: center;
	font: 22px/30px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.landing-license-info-link {
	border-bottom: 1px dashed rgba(0, 99, 198, .4);
	color: #0063c6;
	transition: all .2s linear;
}

.landing-license-info-link:hover {
	border-color: rgba(0, 99, 198, 1);
	color: #0063c6;
	text-decoration: none;
}

.landing-license-info-link:active,
.landing-license-info-link:focus {
	color: #0063c6;
}

.landing-view-loader-text {
	color: #0063c6;
	font: 28px/34px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-light, 300);
	text-align: center;
	max-width: 400px;
	margin-top: 30px;
}

.landing-view-loader-container {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	pointer-events: none;
	background: rgba(255, 255, 255, .96);
	top: 40%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.landing-view-loader-container .main-ui-loader {
	position: static;
	transform: none;
}

.landing-ui-panel-top-light {
	padding-left: 11px;
}

#landing-panel-settings-kb,
#landing-panel-settings-kb > div {
	height: 39px;
}

/*.landing-ui-panel-top-light .landing-ui-panel-top-logo,*/
/*.landing-ui-panel-top-light #landing-popup-features-btn,*/
.landing-ui-panel-top-light .landing-ui-panel-top-devices,
.landing-ui-panel-top-light .landing-ui-panel-top-chain-link-separator,
.landing-ui-panel-top-light .landing-ui-panel-top-menu-link-help {
	display: none;
}

.landing-ui-panel-top-light .landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-site,
.landing-ui-panel-top-light .landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-site + strong {
	display: block;
}

.landing-ui-panel-top-light .landing-ui-panel-top-chain {
	flex-grow: 1;
}

.landing-ui-panel-top-light .landing-ui-panel-top-menu-link.landing-ui-panel-top-menu-link-settings::before {
	display: none;
}

/*.landing-ui-panel-top .landing-ui-panel-top-menu-link,
.landing-ui-panel-top .landing-btn-menu { margin-left: 6px; }*/

.landing-ui-panel-top-light .landing-ui-panel-top-chain .landing-ui-panel-top-chain-link-sites {
	display: none;
}

.landing-ui-panel-top-form .landing-ui-panel-top-history {
	opacity: 0 !important;
	pointer-events: none !important;
}

/*------------------------------------
  For slider panel
------------------------------------*/
.side-panel-label-icon {
	box-sizing: content-box;
}

.landing-block-expired-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 87, 82, 0.3);
	border: 3px solid #ff5752;
}

.landing-ui-panel-top-form-name {
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 50px;
}

.landing-ui-panel-top-form .landing-ui-panel-top-pub-btn-auto {
	pointer-events: none;
}

.landing-ui-panel-top-form .landing-ui-panel-top-pub-btn-error {
	pointer-events: all;
}


.landing-error-page {
	background: #fff;
	color: #525c69;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.landing-error-page-inner {
	max-width: 730px;
	padding: 67px 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.landing-error-page-title {
	margin-bottom: 62px;
	font: 37px/52px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-light, 300);
}

.landing-error-page-img {
	width: 250px;
	height: 246px;
	background: url() no-repeat center;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 110px;
}

.landing-error-page-img-inner {
	width: 132px;
	height: 106px;
	background: url(image/landing-landing-view__icon-404.svg) center no-repeat;
}

.landing-popup-preview-link-target-container {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.landing-ui-external-panel {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 10;
}

.landing-device-wrapper {
	position: absolute;
	z-index: 420;
	right: 20px;
	top: 50%;
	margin-top: 60px;
	transform: translate(0, -50%);
	transition: .2s;
}

.landing-device-wrapper.landing-device-wrapper-hidden {
	transform: translate(calc(100% + 20px), -50%);
}

.landing-device-preview {
	display: inline-flex;
	flex: 1;
	/*width: 100%;*/
	box-sizing: border-box;
	padding: 12px;
	border-radius: 20px;
	background: #212223;
	font-size: 0;
	box-shadow: 2px 6px 10px rgb(0,0,0,.3);
	transition: .2s;
	transform: scale(1);
	transform-origin: top left;
}

.landing-device-preview iframe {
	flex: 1;
	border-radius: 8px;
	background: #fff;
	border: 1px solid rgba(255,255,255,.37);
	transition: .2s;
}

.landing-device-preview iframe::-webkit-scrollbar-track {
	background: transparent;
}

.landing-device-preview iframe::-webkit-scrollbar-thumb {
	background: #dde2e6;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: .2s;
	transition: .2s;
}

.landing-device-preview iframe:hover::-webkit-scrollbar-thumb {
	background: #d1d6da;
}

.landing-device-preview iframe:hover::-webkit-scrollbar-thumb:hover {
	background: #c8cdd2;
}

.landing-device-name {
	position: absolute;
	top: -69px;
	right: 0;
	display: inline-flex;
	min-height: 39px;
	min-width: 294px;
	padding: 0 16px 0 16px;
	box-sizing: border-box;
	border: 1px solid #c6cdd3;
	border-radius: 19px;
	background: #fff;
	cursor: pointer;
	align-items: center;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-size: 14px;
	color: #333;
	opacity: 1;
	transition: .2s;
}

.landing-device-name:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: auto;
	border-right: 2px solid var(--ui-color-base-70);
	border-bottom: 2px solid var(--ui-color-base-70);
	transform: rotate(45deg);
	transition: .2s;
}

.landing-device-name:hover:after {
	transition: unset;
	border-color: var(--ui-color-base-90) ;
}

.landing-device-wrapper-hidden .landing-device-name {
	opacity: 0;
	pointer-events: none;
}

.landing-device-orientation {
	margin-left: 5px;
	color: var(--ui-color-base-40);
}

.landing-device-orientation:first-letter {
	text-transform: uppercase;
}

.landing-device-switcher,
.landing-device-rotate {
	position: absolute;
	width: 37px;
	height: 37px;
	top: 10px;
	left: -50px;
	border: 1px #757d87 solid;
	border-radius: 100%;
	background: #fff;
	cursor: pointer;
	transition: .2s;
}

.landing-device-rotate:hover,
.landing-device-switcher:hover {
	background: #cfd4d8;
}

.landing-device-switcher:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #525c69;
	border-top: 2px solid #525c69;
	border-left: 0 solid transparent;
	border-bottom: 0 solid transparent;
	transition: .2s;
}

.landing-device-switcher.landing-switcher-hide:after {
	margin: -4px 0 0 -3px;
	border-right: 0 solid transparent;
	border-top: 0 solid transparent;
	border-left: 2px solid #525c69;
	border-bottom: 2px solid #525c69;
}

.landing-device-rotate {
	top: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.landing-device-wrapper-hidden .landing-device-rotate {
	opacity: 0;
	pointer-events: none;
}

.landing-device-rotate:before {
	content: '';
	width: 17px;
	height: 19px;
	margin-left: 1px;
	transform: none;
	background: url(image/landing-landing-view__icon-rotate.svg) center no-repeat;
}